.nav-sidebar {
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;

}

/* Remove arrow */
.sidebar .dropdown-toggle::after {
    display: none;
}

/* Make text white */
.sidebar .nav > li > a {
    color: var(--portalThemeColor3);
    text-align: center;
  
}

/* Box-like appearance */
.sidebar .nav > li {
    border-bottom: 1px solid rgba(255,255,255,0.1); /* Border between links */ 
    padding: 10px; /* Adjust padding as needed */  
}

/* Apply hover effect to regular list items */
.sidebar .nav > li:not(.divider-vertical) > a:hover {
    background-color: var(--portalThemeColor3); /* Background color on hover */
      
}


/*sidebar background pink and remove gap between footer */
.sidebar, .sidebar .section {
    margin-bottom: 0px;
    background: var(--portalThemeColor2);
    min-height: 100vh;
    position: sticky;
    top: 0;
}

/*remove arrow before links */
.nav-sidebar .nav > li > a:before {
    display: none;
    padding: 0px;
}

@media (min-width: 1200px) {
    .sidebar-right {
        margin-right: 0px;
        padding-top: 0px;
        float: none !important;
        width: 100%;
    }
}

/* Sidebar CSS */
@media (min-width: 1200px) {
  /* Sidebar specific styles */
  .sidebar-right {
    float: none !important; /* Reset float */
    margin-right: 0; /* Reset margin */
    padding-top: 0; /* Reset padding */
  }
}

/*remove right line on urls */
.nav-sidebar .nav > li > a {
    border-right: 0px solid #eeeeee;
}

.col-md-2 sidebar {
  background-color: var(--portalThemeColor2); 
}

.nav-sidebar .nav > li > a {
    padding: 10px 0px;
    font-size: 18px;
    background: var(--portalThemeColor1);
    
}

/* Hide the sidebar on mobile devices */
@media (max-width: 992px) {
    .col-md-2.sidebar {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .col-md-10 {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* Mits Style Table ---------------------------------------------------------------------------------- */

 .entitylist
 {
   /*  padding:30px; */
   /* border-radius:20px; */
   border: 1px solid var(--portalThemeColor3);
 }
 .view-grid table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.view-grid table td, table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.view-grid table tr:nth-child(even){background-color: #da1c5d10;}

.view-grid table tr:hover {background-color: var(--portalThemeColor2);}

.view-grid table th,.view-grid table th a {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background-color: var(--portalThemeColor2);
  color: var(--portalThemeColor3);
  
}
/* Mits Style Table ---------------------------------------------------------------------------------- */

/* Dialog CSS ------------------------------------------------------------------------------------------*/
@media (min-width: 992px){
    .modal-lg {
      width: 70%;
    }
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #10183d;
}

.modal-title {
    margin: 0;
    line-height: 1.42857;
    color: #ffffff;
    font-weight: 100;
}

.modal-header .close {
    float: right;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    color: var(--portalThemeColor2);
    text-shadow: 0 1px 0 #fff;
}
/* Not working 
.modal-lg .btn-info {
    color: #ffffff;
    background-color: #10183d;
    border-color: #31708f;
}
*/


/* Dialog CSS ------------------------------------------------------------------------------------------*/

/* Form Shadow */
.crmEntityFormView fieldset {
  box-shadow: 0 9px 18px 0 #8b8b8b, 0 1px 5px 0 #333333;
}

/* Move titles right */
.crmEntityFormView .section-title {
  padding-left: 27px;
  background-color: #dbdbdb;
}

/* Text box border */
.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control {
  border: 1px solid #8b8b8b;
  padding-left: 10px;
}

html[dir=ltr] .crmEntityFormView .tab .tab-column {
  padding: 0px;
}

@media (max-width: 767px) {
    .crmEntityFormView .cell {
        padding: 0 28px 20px;
    }
}

@media (max-width: 1024px) {
    .container, .container-sm {
        max-width: 100%;
    }
}